<template>
  <view style="position: relative;">
    <navBar
        :navTitle="pageInfo.title?pageInfo.title:''"
        id="topWrap"
        ref="navBar"
        :custom-els="customEls"
        :search-disabled="false"
    />
    <view>
      <!--  非场景商品列表  -->
<!--      <view style="top:158rpx; position: fixed;width: 100%;"  v-if="!pageInfo.pageType || pageInfo.pageType!='scene'">-->
<!--      <view style="position: relative;top:44px;width: 100%;"  v-if="!pageInfo.pageType || pageInfo.pageType!='scene'">-->
      <view
          v-if="!pageInfo.pageType || pageInfo.pageType!='scene'"
          :style="'position: fixed;top:'+navOffsetTop+'px;z-index:999;width: 100%;'"
      >
        <ProductListTab
            :price-sort="priceSort"
            @searchFilterFn="searchFilterFn"
            @openFilterFn="openFilterFn"
        />
      </view>

      <!--  场景商品列表  -->
      <view
          v-else>
        <TopTabs
          v-if="subSceneList.length > 0"
          :list-data="subSceneList"
          key-name="sceneTitle"
          :current.sync="current"
          @tabClick="sceneTabSelectFn"
        />
        <view class="tabs-window">
          <view
            class="child-tabs"
          >
            <view
              v-for="(item,index) in pointList"
              :key="index"
              :class="index == Ecencurrent ? 'class-item-select child-tabs-item' : 'child-tabs-item'"
              @click="spuCodeChageFn(item.skuCode,index)"
            >
              {{ item.name }}
            </view>
          </view>
        </view>
      </view>
      <view class="search_tipInfo" v-if="tipInfofalse"><text>{{tipInfoOne}}</text><text class="tipInfo-tow">{{tipInfoTwo}}</text> <text>{{tipInfoThree}}</text> </view>
    </view>
    <basePage
      :show-tabbar="false"
      :page-params="pageParams"
      @testAgainFn="initPageFn"
    >
      <view :style="'margin-top:'+productListsTop+'px;'">
        <ProductItem
            v-if="!show"
            :spu-list="spuList"
            :options="options"
        />
      </view>

      <SceneProductList
        v-if="scenshow"
        :scensku-list="scenskuList"
        :options="options"
      />

      <view v-show="isLoadMore">
        <uni-load-more
          :status="loadStatus"
          :content-text="contentText"
          :icon-size="14"
        />
      </view>
      <u-popup
        :show="show"
        :close-on-click-overlay="true"
        mode="right"
        style="pointer-events: auto;"
        @close="close"
      >
        <view
          class="popup-content"
          :style="'height:'+popHeight+'px'"
        >
          <FilterForm
            v-if="show && popShowContent=='filterForm'"
            :main-qurey-data="initMainQueryData"
            :page-type="pageInfo.pageType"
            :filter-params.sync="filterParams"
            :pop-show-content.sync="popShowContent"
            @confirmFilterFn="searchMainQueryFn(1)"
            @closePopFn="close"
          />
          <IndexList
            v-if="show && initMainQueryData && popShowContent=='brandIndexList'"
            :sort-brand-list="initMainQueryData.sortBrandList"
            :classification-field="'brandInitial'"
            :label-field="'brandName'"
            :select-type="'multiple'"
            :item-id="'brandId'"
            :checked-ids="filterParams.listBrandIds"
            :select-fn="brandSelectFn"
            @cancelFn="cancelFn"
            @confirmSelectFn="confirmSelectFn"
          />
          <IndexList
            v-if="show && initMainQueryData && popShowContent=='categoryIndexList'"
            :sort-brand-list="initMainQueryData.listCategorys"
            :classification-field="'categoryName'"
            :label-field="'categoryName'"
            :select-type="'single'"
            :item-id="'categoryId'"
            :checked-ids="[filterParams.listCategoryId]"
            :select-fn="categorySelectFn"
            @cancelFn="cancelFn"
            @confirmSelectFn="confirmSelectFn"
          />
        </view>
      </u-popup>
    </basePage>
  </view>
</template>

<script>
import basePage from '@/components/base-page'
import ProductListTab from '@/productList/product-list-tab'
import ProductItem from '@/productList/product-item'
import SceneProductList from '@/productList/sceneProductList'
import TopTabs from '@/components/top-tabs'
import IndexList from '@/productList/indexList/index'
import FilterForm from '@/productList/filterForm/index'
import navBar from '@/components/navBar'
import {
  setPageParamsFn,
  getLocationFn,
} from '@/common/common'
import {
  searchMainQuery
} from '@/api/yc_goods';
import { searchMainSceneOrderBy, frontSceneSkuMsg } from '../../api/yc_goods';
export default {
  components: {
    basePage,
    ProductListTab,
    ProductItem,
    SceneProductList,
    TopTabs,
    IndexList,
    FilterForm,
    navBar
  },
  data() {
    return {
      navOffsetTop: 0,
      productListsTop: 0,
      customEls: ['searchResult'],
      show: false,
      scenshow: false,
      popHeight: 0,
      isOnPullDown: true, //是否启用下拉刷新，打开筛选弹框是禁用
      popShowContent: 'filterForm', // 'filterForm','brandIndexList','categoryIndexList'
      filterParams: {
        productType: {
          promotionFilter: 0, // 促销-排序（0：非促销-默认("0")；1：促销）- 协议商品无促销筛选项
          stockFilter: 0, // 现货-排序（0：无库存-默认"0"；1：有库存）
          productTagFilter: 0, //（0：协议商品/定制商品-默认"0"；1：定制商品）
        },
        priceStart: '',
        priceEnd: '',
        listCategoryId: '',
        listCategorys: {},
        listBrandIds: [],
        listBrandNames: [],
        listBrands: [],
        /*code: '110100',
        name: '北京市',
        warehouseCode: 1*/
      },
      positionObj: {
        code: '110100',
        name: '北京市',
        warehouseCode: 1
      },
      pageParams: {
        // state: 'ERROR',
        emptyTitle: '信号可能跑到外星球了哦～',
        errorTitle: '请求失败',
        showButton: true
      },
      pageInfo: null, //商品分类、品牌、场景传来的信息
      current: 0,
      Ecencurrent: 0,
      subSceneList: [],
      pointList: [],
      spuCodes: '',
      skuCode: [], //场景商品查询
      priceSort: 2,	//搜索列表：价格排序：空-无关(2-前端定义2为无关)；0-降序；1-升序
      popularSort: 2,	//搜索列表：人气排序：空-无关(2-前端定义2为无关)；0-降序；1-升序
      saleSort: 2,	//搜索列表：销量排序：空-无关(2-前端定义2为无关)；0-降序；1-升序
      initMainQueryData: null,
      spuList: [],
      scenskuList: [],
      page: 1,
      pageSize: 20,
      loadStatus: 'loading', //加载样式：more-加载前样式，loading-加载中样式，nomore-没有数据样式
      isLoadMore: false, //是否加载中
      contentText: {
        contentdown: '加载更多',
        contentrefresh: '加载中',
        contentnomore: '没有更多了'
      },
      options: {}, // 全局options
      tipInfoOne:'',//商品推荐提示
      tipInfoTwo:'',//商品推荐提示
      tipInfoThree:'',//商品推荐提示
      tipInfofalse:'',//商品推荐是否显示
    }
  },
  watch: {
    positionObj: {
      handler(newVal) {
        this.filterParams = { ...this.filterParams, ...newVal }
      },
      deep: true,
      immediate: true,
    }
  },
  //上拉触底函数
  onReachBottom() {
    if (!this.isLoadMore) {
      this.isLoadMore = true
      this.page += 1
      this.searchMainQueryFn(this.page)
    }
  },
  /*下拉刷新*/
  onPullDownRefresh() {
    //刷新后的效果
    if (this.isOnPullDown) {
      this.initPageFn()
    } else {
      uni.stopPullDownRefresh() //刷新数据之后停止刷新效果
    }
  },
  onLoad(option) {
    this.options = option
    this.initPageFn(option)
    this.getTopHeight()
    this.getPositionTopHeight();
  },
  onShareAppMessage(res) {
    if (res.from === 'button') { // 来自页面内分享按钮
      console.log(res.target)
    }
    const { companyName = '', pushmanCompanyId = '' } = this.vuex_memberInfo
    console.log(this.pageInfo.title);
    let urlParams = ''
    for (const pageInfoKey in this.pageInfo) {
      urlParams += `&${pageInfoKey}=${this.pageInfo[pageInfoKey]}`
    }
    let title = `为您推荐【${this.pageInfo.title}】的优质商品`
    if (this.pageInfo.title.length > 16) {
      title = this.pageInfo.title.substring(0, 16) + '...'
    }
    return {
      title: title,
      path: `/productList/productList/index?fromCard=${true}&branchId=${pushmanCompanyId}&branchName=${companyName}${urlParams}`
    }
  },
  methods: {
    /*异步初始化页面
    * 没有地址定位时候先获取定位地址*/
    initPageFn(option) {
      if (!this.vuex_nowAddress) {
        getLocationFn(this.initDataFn, option)
        return
      }
      this.initDataFn(option)
    },
    /*初始化数据*/
    initDataFn(option) {
      const {
        name,
        code,
        warehouseCode
      } = this.vuex_nowAddress
      if (option) {
        this.pageInfo = option
      }
      const {
        branchId,
        branchName,
        spuCodes,
        jump,
        queryString,
        skuCode
      } = option

      if (!this.vuex_sharePushmanCompanyInfo || Object.keys(this.vuex_sharePushmanCompanyInfo).length == 0) {
        this.$u.vuex('vuex_sharePushmanCompanyInfo', { branchId, branchName })
      }
      this.positionObj = {
        code: code,
        name: name,
        warehouseCode: warehouseCode
      }
/*      if (this.pageInfo && this.pageInfo.title) {
        uni.setNavigationBarTitle({
          title: this.pageInfo.title
        })
      }*/
      if (this.pageInfo && this.pageInfo.pageType && this.pageInfo.pageType == 'scene' && this.skuCode == '') {
        console.log('场景11')
        this.searchMainSceneOrderByFn()
        return
      }
      if (jump && jump == 1) {
        console.log(queryString, 111)
        this.skuCode = skuCode
      }
      this.searchMainQueryFn(1, true)
    },
    /*二级场景tab切换*/
    sceneTabSelectFn(val) {
      this.pointList = val.pointList
      this.skuCode = this.pointList[0].skuCode
      console.log('场景点击头部',this.pointList[0])
      this.Ecencurrent =0
      this.searchMainQueryFn(1, 'sceneList')
    },
    /*pointList切换方法*/
    spuCodeChageFn(skuCode, index) {
      this.skuCode = skuCode
      this.Ecencurrent = index
      this.searchMainQueryFn(1, 'sceneList')
    },

    /*场景详情标签及子标签查询接口*/
    async searchMainSceneOrderByFn() {
      const params = {
        mainSceneId: this.pageInfo.sceneId,
        member_id: this.vuex_memberInfo.memberId, //todo
      }
      const res = await searchMainSceneOrderBy(params)
      if (res.errorCode != 0) {
        setPageParamsFn(this, 'ERROR', res.msg ? res.msg : '服务异常')
        return
      }
      this.$nextTick(() => {
        //设置二级场景list
        this.subSceneList = res.data.subSceneList
        this.pointList = res.data.subSceneList[0].pointList
        this.spuCodes = this.pointList[0].spuCode
        this.skuCode = this.pointList[0].skuCode
        console.log('初始化进入场景商品1111')
        this.searchMainQueryFn(1, 'sceneList')
      })
    },
    /*tab栏过滤*/
    searchFilterFn(params) {
      const {
        priceSort,
        popularSort,
        saleSort,
      } = params
      this.priceSort = priceSort
      this.popularSort = popularSort
      this.saleSort = saleSort
      /*初始化分页信息*/
      this.spuList = []
      this.scenskuList = []
      this.searchMainQueryFn(1)
    },
    /*查询商品列表*/
    searchMainQueryFn(pageNum, isInit) {
      if (pageNum) {
        this.page = pageNum
      }
      // 筛选条件
      const {
        productType,
        priceStart,
        priceEnd,
        listCategoryId,
        listCategorys,
        listBrandIds,
      } = this.filterParams
      // 上一页面入参
      const {
        categoryId, //分类id
        categoryLevel, //分类级别
        brandId, //品牌id
        queryString, //搜索词
        activityId, //活动id
        requestId, //行为数据采集用id
      } = this.pageInfo
      const {
        cityCode,
        warehouseCode
      } = this.vuex_cityInfo
      const {
        accountType,
      } = this.vuex_memberInfo
      let platformType = 2
      let activityPerson = 10
      switch (accountType) { //  账户类型：10:签约用户；20:普通用户;30认证用户;39普通会员-分销;40分销用户；
        case 10:
          platformType = 1
          activityPerson = 20
          break
        case 20:
          platformType = 2
          activityPerson = 10
          break
        case 30:
          platformType = 2
          activityPerson = 10
          break
        case 39:
          platformType = 3
          activityPerson = 30
          break
        case 40:
          platformType = 3
          activityPerson = 30
          break
        default:
          platformType = 2
          activityPerson = 10
          break
      }
      // const params = {
      //   'fromRequestId': requestId || null, //来源请求id
      //   'cityCode': cityCode,	//城市编码，默认北京市（110100）
      //   'warehouseId': warehouseCode,	//仓库编码，默认北京仓
      //   'platformType': platformType,	//平台类型：1-签约；2-普通，默认普通平台；3-分销平台
      //   'brandId': brandId,	//品牌馆：品牌ID
      //   'categoryId': categoryId,	//品类导航：品类ID
      //   'categoryLevel': categoryLevel, //品类导航：品类等级
      //   'queryString': queryString,	//搜索框：关键词
      //   'listBrandIds': listBrandIds,	//搜索列表：品牌ID集合
      //   'listCategoryId': listCategoryId,	//搜索列表：品类ID
      //   'listCategoryLevel': listCategorys.categoryLevel,	//搜索列表：品类等级
      //   'priceSort': this.priceSort == 2 ? null : this.priceSort,	//搜索列表：价格排序：空-无关；0-降序；1-升序
      //   'popularSort': this.popularSort == 2 ? null : this.popularSort,	//搜索列表：人气排序：空-无关；0-降序；1-升序
      //   'saleSort': this.saleSort == 2 ? null : this.saleSort,	//搜索列表：销量排序：空-无关；0-降序；1-升序
      //   'promotionFilter': productType.promotionFilter,	//搜索列表：促销过滤：空或0-未选中；1-选中
      //   'stockFilter': productType.stockFilter, //搜索列表：现货过滤：空或0-未选中；1-选中
      //   'productTagFilter': productType.productTagFilter,	//搜索列表：(协议商品/定制商品)过滤：空或0-未选中；1-选中
      //   'spuCodes': this.spuCodes,	//PC场景/APP开屏广告/首页轮播图/专题活动：spu编码串，逗号分隔
      //   'priceStart': priceStart,	//搜索列表：价格区间开始
      //   'priceEnd': priceEnd,	//搜索列表：价格区间结束
      //   'activityPerson': activityPerson,	//促销活动：活动对象：10-普通用户；20-签约客户(非分销)；30-签约客户(分销)
      //   'activityId': activityId,	//促销活动：活动ID
      //   'aggregateFlag': true,	//可配扩展-是否聚合：true-是；false-否; 默认是
      //   'pageIndex': this.page,	//分页：当前页码，默认第一页
      //   'pageSize': this.pageSize,	//分页：每页显示数据量，默认20条
      //   'joinActivity': 10, //客户是否能参与促销：10-允许；20-禁止 签约客户有,普通客户默认参加
      //   'mainCustomerId': 0, //主客户id 签约客户动态给出，普通平台默认给0
      // }
      let params = ''
      let url = ''
      if (isInit == 'sceneList') {
        this.scenshow = true
        params = {
          'skuCode': this.skuCode.split(','),
          'cityCode': cityCode,
          'warehouseCode': warehouseCode,
          'platform': 20
        }
        url = frontSceneSkuMsg
      } else {
        this.scenshow = false
        params = {
          'fromRequestId': requestId || null, //来源请求id
          'cityCode': cityCode,	//城市编码，默认北京市（110100）
          'warehouseId': warehouseCode,	//仓库编码，默认北京仓
          'platformType': platformType,	//平台类型：1-签约；2-普通，默认普通平台；3-分销平台
          'brandId': brandId,	//品牌馆：品牌ID
          'categoryId': categoryId,	//品类导航：品类ID
          'categoryLevel': categoryLevel, //品类导航：品类等级
          'queryString': queryString,	//搜索框：关键词
          'listBrandIds': listBrandIds,	//搜索列表：品牌ID集合
          'listCategoryId': listCategoryId,	//搜索列表：品类ID
          'listCategoryLevel': listCategorys.categoryLevel,	//搜索列表：品类等级
          'priceSort': this.priceSort == 2 ? null : this.priceSort,	//搜索列表：价格排序：空-无关；0-降序；1-升序
          'popularSort': this.popularSort == 2 ? null : this.popularSort,	//搜索列表：人气排序：空-无关；0-降序；1-升序
          'saleSort': this.saleSort == 2 ? null : this.saleSort,	//搜索列表：销量排序：空-无关；0-降序；1-升序
          'promotionFilter': productType.promotionFilter,	//搜索列表：促销过滤：空或0-未选中；1-选中
          'stockFilter': productType.stockFilter, //搜索列表：现货过滤：空或0-未选中；1-选中
          'productTagFilter': productType.productTagFilter,	//搜索列表：(协议商品/定制商品)过滤：空或0-未选中；1-选中
          // 'spuCodes': this.spuCodes,	//PC场景/APP开屏广告/首页轮播图/专题活动：spu编码串，逗号分隔
          'priceStart': priceStart,	//搜索列表：价格区间开始
          'priceEnd': priceEnd,	//搜索列表：价格区间结束
          'activityPerson': activityPerson,	//促销活动：活动对象：10-普通用户；20-签约客户(非分销)；30-签约客户(分销)
          'activityId': activityId,	//促销活动：活动ID
          'aggregateFlag': true,	//可配扩展-是否聚合：true-是；false-否; 默认是
          'pageIndex': this.page,	//分页：当前页码，默认第一页
          'pageSize': this.pageSize,	//分页：每页显示数据量，默认20条
          'joinActivity': 10, //客户是否能参与促销：10-允许；20-禁止 签约客户有,普通客户默认参加
          'mainCustomerId': 0, //主客户id 签约客户动态给出，普通平台默认给0
        }
        url = searchMainQuery
      }

      url(params).then((res) => {
        if (isInit == 'sceneList') {
          if (res.code != 0) {
            this.$u.toast(res.msg)
            this.scenskuList=''
             setPageParamsFn(this, 'EMPTY', '矮油，这里空空如也~', false)
            return
          }
        } else {
          if (res.code != 0) {
            this.$u.toast(res.msg)
            return
          }
        }

        this.$nextTick(() => {
          if (res.data) {
            this.searchTipFormat(res.data.tipInfo)
            uni.stopPullDownRefresh() //刷新数据之后停止刷新效果
            let data = ''
            if (isInit == 'sceneList') {
              data = res.data
            } else {
              data = res.data.spuList
            }
            if (data.length == 0) {
              setPageParamsFn(this, 'EMPTY', '矮油，这里空空如也~', false)
              return
            }
            setPageParamsFn(this, null)
            if (isInit == 'true') {
              this.initMainQueryData = res.data
            }
            if (isInit == 'sceneList') {
              this.scenskuList = this.page == 1 ? this.scenskuList = data : this.scenskuList.concat(data)
              console.log('数据场景11', this.scenshow, this.scenskuList)
            } else {
              this.spuList = this.page == 1 ? this.spuList = data : this.spuList.concat(data)
            }
            if (data.length < this.pageSize) {
              this.isLoadMore = true
              this.loadStatus = 'nomore'
            } else {
              this.isLoadMore = false
              this.loadStatus = 'more'
            }
          } else {
            this.isLoadMore = true
            this.loadStatus = 'nomore'
          }
          this.$forceUpdate()
        })
      }).catch((err) => {
        setPageParamsFn(this, 'ERROR', err.message ? err.message : '服务异常')
        this.isLoadMore = false
      })
    },
    //商品搜索推荐提示
    searchTipFormat(tipInfo){
      if(!tipInfo){
        this.tipInfofalse =false
      }
      if(tipInfo){
      let text = tipInfo;
      let one =tipInfo.substring(0,tipInfo.indexOf('“')+1)
      let three =tipInfo.substring(tipInfo.indexOf('”'))
      let redS = text.indexOf('“');
      let redE = text.indexOf('”');
      let redT = text.substring(redS+1,redE);
      console.log(one+redT+three)
      this.tipInfoOne  =one
      this.tipInfoTwo  =redT
      this.tipInfoThree  =three
      this.tipInfofalse =true
      }
    },
    openFilterFn() {
      this.show = true
      this.isOnPullDown = false
      setPageParamsFn(this, null)
    },
    cancelFn() {
      this.popShowContent = 'filterForm'
    },
    close() {
      this.show = false
      if (this.spuList.length == 0) {
        setPageParamsFn(this, 'EMPTY', '矮油，这里空空如也~', false)
      }
      this.popShowContent = 'filterForm'
      this.isOnPullDown = true
    },
    brandSelectFn(_this, ids, dataObjs) {
      _this.filterParams.listBrandIds = ids
      _this.filterParams.listBrands = dataObjs
      dataObjs.forEach((item) => {
        _this.filterParams.listBrandNames.push(item.brandName)
      })
    },
    /*分类选择函数*/
    categorySelectFn(_this, ids, dataObjs) {
      _this.filterParams.listCategoryId = ids[0]
      _this.filterParams.listCategorys = dataObjs[0]
    },
    /*品牌、分类选择确认*/
    confirmSelectFn(callback, ids, dataObjs) {
      callback(this, ids, dataObjs)
    },
    getTopHeight() {
      // #ifdef MP-WEIXIN
      /*获取顶部状态栏高度*/
      const statusBarHeight = this.vuex_systemInfo[1].statusBarHeight
      /*获取导航栏高度*/
      const customNavHeight = (uni.getMenuButtonBoundingClientRect().top - statusBarHeight) + (uni.getMenuButtonBoundingClientRect().bottom - statusBarHeight);
      this.popHeight = this.vuex_systemInfo[1].windowHeight - (Number(statusBarHeight) + Number(customNavHeight.toFixed(0)))
      // #endif
      // #ifdef MP-ALIPAY
      this.popHeight = this.vuex_systemInfo[1].windowHeight - this.vuex_systemInfo[1].titleBarHeight - this.vuex_systemInfo[1].statusBarHeight
      // #endif
      // #ifdef H5
      this.popHeight = this.vuex_systemInfo[1].windowHeight - this.vuex_systemInfo[1].titleBarHeight - this.vuex_systemInfo[1].statusBarHeight
      // #endif
    },
    getPositionTopHeight() {
      let statusBarHeight = 0
      let customNavHeight = 0
      statusBarHeight = this.vuex_systemInfo[1].statusBarHeight;
      customNavHeight = (uni.getMenuButtonBoundingClientRect().top - statusBarHeight) * 2 + uni.getMenuButtonBoundingClientRect().height;
      // #ifdef H5
      customNavHeight = 40;
      this.productListsTop = customNavHeight - 4;
      // #endif
      // #ifdef MP-WEIXIN
      this.productListsTop = customNavHeight - 4
      // #endif
      // #ifdef MP-ALIPAY
      this.productListsTop = this.vuex_systemInfo[1].titleBarHeight
      // #endif

      // this.productListsTop = this.vuex_systemInfo[1].titleBarHeight
      // this.navOffsetTop = Number(statusBarHeight) + customNavHeight - 4
      this.navOffsetTop = 44 + Number(uni.getSystemInfoSync().statusBarHeight)
    }
  }
}
</script>

<style lang="scss" scoped>
.tabs-window{
  width: 750rpx;
  height: 100rpx;
  overflow-x: auto;
  overflow-y: hidden;
  background: $uni-f5bg-color;
  .child-tabs{
    white-space: nowrap;
    height: 86rpx;
    width:100%;
    padding: 24rpx 32rpx 8rpx 32rpx;
    .child-tabs-item{
      white-space: nowrap;
      height: 56rpx;
      line-height: 56rpx;
      font-size: $uni-font-size-sm;
      display: inline-block;
      margin-right: 16rpx;
      padding: 0 16rpx;
      background: $uni-bg-color;
      border-radius: 8rpx;
    }
    .class-item-select{
      background: $uni-orange;
      color: $uni-bg-color;
    }
  }
}
/deep/ .u-index-list{
  width:100%;
  font-size: $uni-font-size-sm;
}
/deep/ .u-index-anchor{
  border-bottom: 2rpx solid $uni-f5bg-color;
}
/deep/ .u-index-list__letter{
  padding: 16rpx 0!important;
  margin-right: 32rpx;
  background: $uni-f5bg-color;
  border-radius: 56rpx;
  .u-index-list__letter__item{
    width: 42rpx;
  }
}
.popup-content{
  width:634rpx;
  padding: 0 0 0 48rpx;
  overflow-y: scroll;
}
/deep/ .btn-box{
  width: auto!important;
  padding-left: 0!important;
}
.search_tipInfo {
  color: #222;
  font-size:22rpx;
  padding: 0 12rpx;
  border-radius: 8rpx;
  border: 1rpx solid #ff661a;
  background: #ffe6d9;
  margin: 0 auto;
  box-sizing: border-box;
  width: 92%;
}
.search_tipInfo .tipInfo-tow{
  color: #FF8000;
  font-weight: bold;
}
</style>
